<!--
 * @Author: RAY_HUI 1541917867@qq.com
 * @Date: 2025-07-08 16:19:46
 * @LastEditors: RAY_HUI 1541917867@qq.com
 * @LastEditTime: 2025-08-19 17:14:13
 * @FilePath: \website-reconstruction---vue\src\views\Product.vue
 * @Description: 
 * 
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
-->
<script setup lang="ts">
import ProductList from '@/components/sections/product/ProductList.vue'
import Header from '@/components/layout/Header.vue'
import Footer from '@/components/layout/Footer.vue'
import SubTitle from '@/components/commons/SubTitle.vue'
import { useLangStore } from '@/stores/langStore'
import { storeToRefs } from 'pinia'
import { computed } from 'vue'
const { currentLang } = storeToRefs(useLangStore())
const subtitleProps = computed(() => {
  return {
    title: currentLang.value === 'en' ? 'Show Main Product' : '主要产品展示',
    homeLinkText: currentLang.value === 'en' ? 'Home' : '主页',
    currentSectionText:
      currentLang.value === 'en' ? 'Show Main Product' : '主要产品展示',
  }
})
</script>
<template>
  <Header />
  <SubTitle v-bind="subtitleProps" />
  <ProductList />
  <Footer />
</template>
